<template>
  <div id='tmpl'>
      <div class="title">
          <h4 v-text="info.title"></h4>
           <P>{{info.add_time | datafmt('YYYY-MM-DD')}}  点击数：{{info.click}}</P>
      </div>
      <div id='content' v-html='info.content'></div>
      <div id='comment'>
          <comment :id='id'></comment>
      </div>
  </div>
</template>
<script>
import common from '../../kits/common.js'
  import comment from '../subcom/comment.vue';
export default {
   components:{
       comment
   },
  data () {
    return {
        id:0,
        info:{}

    };
  },
  created(){
      this.id=this.$route.params.id;
      this.getinfo()
  },
  methods:{
      getinfo(){
          var url =common.apidomain+'/api/getnew/'+this.id
          this.$http.get(url)
          .then(function(res){  
              var body=res.body;
              if(body.status!=0){
                  alert(body.message);
                  return;
              }

              this.info=body.message[0];
          })
      }
  }
}
</script>
<style  scoped>
.title h4{
    color:#0094ff;
}
.title p{
    color:(0,0,0,0.5);
}
.title,#content{
    padding: 5px
}

</style>